<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions" 
	>

<h:head>
	<link type="text/css" rel="Stylesheet"
		href="../../css/jquery-ui-1.8.20.custom.css" />

	<link type="text/css" rel="Stylesheet"
		href="../../css/style_coopac.css" />
		
	<h:outputScript library="primefaces" name="jquery/jquery.js" /> 
	<h:outputScript library="js" name="jquery.blockUI.js"  />				<!-- bloqueo  -->
	<h:outputScript library="js" name="jquery-ui-1.8.20.custom.min.js"  />	
	<h:outputScript library="js" name="jquery.maskedinput-1.3.js" />		<!-- digitos telefonos  -->
	<h:outputScript library="js" name="jquery.alphanumeric.js" /> 			<!-- solo letras  -->
	<script >
		$(document).ready(function(){
			$('div.block').block({ 
				message: ""
			}); 
		});
		$(function(){
			//bloqueo------------
			$('.editPersonaN,.newPersonaN').live('click',function(){
				$('div.block').unblock(); 
				return false;
			});
			$('.buscar').click(function(){
				if($('.numDocPer').val()!="")
				alert("hodfdfla");
				return false;		
			});
			$('.btnBuscarByNumDoc').live('click',function(){
				$('div.block').block({ 
					message: ""
				});
				return false;
			});	
			//bloqueo_/_/_/_/_/_/_
			//popup de confirmacion guardar persona-------------		
			$('.btnBuscarByNumDoc').live('click',function(){
				$('#popupExitingSearch').dialog({modal:true});
				return false;
			});
			//popup de confirmacion guardar persona_/_/_/_/_/_/_/
			//estandar telefono---------------
			$('.personaNumDocIde,.conyugueNumDocIde,.intfamiNumDocIde').live('click',function(){				
				$(this).mask("99999999");
			});	
			$('.personaTlfFijo').live('click',function(){				
				$(this).mask("999-999");
			});
			$('.personaTlfCelular').live('click',function(){				
				$(this).mask("999999999");
			});	
			//estandar telefono_/_/_/_/_/_/_/_/
			//solo letras---------------
			$('.personaApePat,.personaApeMat,.personaNom').live('click',function(){				
				$(this).alpha({allow:" "});
			});
			$('.conyugueApePat,.conyugueApeMat,.conyugueNom').live('click',function(){				
				$(this).alpha({allow:" "});
			});
			$('.intfamiApePat,.intfamiApeMat,.intfamiNom').live('click',function(){				
				$(this).alpha({allow:" "});
			});
			$('.ingresoDatosLaborales,.anexoFijoPersona,.anexoOtroTlfPersona,.numOtroTlfPersona').live('click',function(){				
				$(this).numeric();
			});
			//solo letras_/_/_/_/_/_/_/_/
			
		});
	</script>
</h:head>

<h:body>
	<div id="contenedor">
		<div id="headerPlataforma"></div>

		<div id="menu">
			<ui:include src="../00_genericos/menu.xhtml"></ui:include>
		</div>
		<div id="formularios">
			
				<div id="cuerpo">
					<p:panel header="Registro de Ficha de Socio- Persona" style="font-size:20px; height:50px;">
					</p:panel>
					<h:form id="form2">
					<p:panel id="panelbuscarPersona" header="Buscar Persona" toggleable="true">

						<div class="rowForm">
							<div class="label">
								<label>Buscar por.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px">
									<f:selectItem itemLabel="Seleccione Criterio" itemValue="1" />
									<f:selectItem itemLabel="Documento" itemValue="2" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Criterio:</label>
							</div>
							<div class="field">
								<p:inputText id="inputNumDocPN" value="#{fichaSocioP.numdocumentoPersonaN}" style="width:157px" />
							</div>
							<div class="buttonSearch">
								<p:commandButton actionListener="#{fichaSocioP.buscarByNumDocumento}"  title="buscar"
								  				 update=":form:panelDatosBasico,:form:panelDatosDomiciliarios,:form2:ouputExistingSearch,:form:panelBotonesPersonaN,:form3:panelDatosLaborales,:form4:panelConyogue,:form5:panelIntegrantesFamilia"	
								  				 icon="ui-icon-search"  styleClass="btnBuscarByNumDoc"
								>
								</p:commandButton>
							</div>
							<div class="buttonSearch">
								<p:commandButton actionListener="#{fichaSocioP.newbtnPeronsN}" 
								 				 update=":form:panelDatosBasico,:form:panelDatosDomiciliarios,:form2:inputNumDocPN,:form:panelBotonesPersonaN" 
								 				 icon="ui-icon-document"  title="nuevo" styleClass="newPersonaN"
								>
								</p:commandButton>
							</div>
							<div id="popupExitingSearch" style="display:none;" >
								<div class="field">
									<h:outputText id="ouputExistingSearch" style="width:157px" styleClass="buscarxdni" 
												value="#{fichaSocioP.existingSearch=='true'?'Resultado Exitoso':'No se encontro resultado con el numero de DNI ingresado'}" 
									/>
								</div>
							</div>
						</div>
					</p:panel>
				</h:form>
				<h:form id="form" prependId="true">
					<div class="block"><!-- div del block -->
					<p:panel id="panelDatosBasico" header="Datos Persona Basicos III" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaN.apellidoPaternoRazonSocial}" styleClass="personaApePat"
											 style="width:453px" 
											 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
								/>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaN.apellidoMaterno}" styleClass="personaApeMat"
											 style="width:453px"
											 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
								/>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaN.nombrePersonaNombreComercial}" styleClass="personaNom"
											 style="width:453px"
											 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
								/>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoDocumentoN.idTipoMaestro}" 
												 style="width:160px"
												 required="#{fichaSocioP.required}" title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
							    >
									<f:selectItem itemLabel="Tipo Documento" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Numero:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.documentoPersonaN.numero}" styleClass="personaNumDocIde"
											 style="width:157px" 
											 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
								 />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Fch.Nacimiento:</label>
							</div>
							<div class="calendar">
								<p:calendar ></p:calendar>
							</div>
							<div class="label">
								<label>Sexo:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.personaN.sexo}" style="width:160px"
												 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
								>
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItem itemValue="1" itemLabel="Hombre" />
									<f:selectItem itemValue="0" itemLabel="Mujer" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Estado Civil:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoEstadoCivilN.idTipoMaestro}" style="width:160px"
												 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
								>
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaEstadoCivil}" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Grado Estudios:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoGradoEstudioN.idTipoMaestro}" style="width:160px"
												 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}">
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaGradoEstudio}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Profesion:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaN.profesion}" style="width:157px" />
							</div>
							<div class="label">
								<label>Ocupacion:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaN.ocupacion}" style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Telef. Fijo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.telefonoFijoPersonaN.numero}" style="width:157px" styleClass="personaTlfFijo"
											 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}" 
								/>
							</div>
							<div class="label">
								<label>Anexo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.telefonoFijoPersonaN.anexo}" styleClass="anexoFijoPersona"
											 style="width:157px" 
								/>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Telef. Celular:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.telefonoCelPersonaN.numero}" style="width:157px" styleClass="personaTlfCelular"
											 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}" 
								/>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Otro Telef.</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoTelefonoN.idTipoMaestro}" style="width:160px"
												 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
								>
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaTipotelefono}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Numero:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.telefonoOtrosPersonaN.numero}" styleClass="numOtroTlfPersona" 
								 			 style="width:157px" 
								/>
							</div>
							<div class="label">
								<label>Anexo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.telefonoOtrosPersonaN.anexo}" styleClass="anexoOtroTlfPersona" 
											 style="width:157px" 
								/>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Email:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaN.email}"
											 style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Pagina Web:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaN.paginaWeb}"
										     style="width:453px" />
							</div>
						</div>
					</p:panel>
					</div><!-- div del block -->

					<div class="block"><!-- div del block -->
					<p:panel id="panelDatosDomiciliarios" header="Datos Domiciliarios" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label>Departamento:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectDepartamento"
												 value="#{ubigeo.idDepartamento}" style="width:160px"
							    >
									<f:selectItem itemLabel="Dpto." />
									<f:selectItems value="#{ubigeo.listaDepartamento}" />
									<p:ajax update="selectProvincia, selectDistrito" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Provincia:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectProvincia"
												 value="#{ubigeo.idProvincia}" style="width:160px"
								>
									<f:selectItem itemLabel="Provincia" />
									<f:selectItems value="#{ubigeo.listaProvincia}" />
									<p:ajax update="selectDistrito" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Distrito:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectDistrito"
												 value="#{ubigeo.idDistrito}" style="width:160px"
								>
									<f:selectItem itemLabel="Distrito" />
									<f:selectItems value="#{ubigeo.listaDistrito}" />
									<p:ajax update="selectDistritoDummy"></p:ajax>
								</p:selectOneMenu>
								<p:selectOneMenu id="selectDistritoDummy"  style="width:160px; display:none;"
												 value="#{fichaSocioP.distritoN.idUbigeo}"
							    >
									   <f:selectItem itemLabel="Dummy" itemValue="#{ubigeo.idDistrito}" />
							   </p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Zona.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoZonaN.idTipoMaestro}"
												 style="width:160px"
												 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
							    >
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaZona}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Zona:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.direccionPersonaN.nombreZona}"
										     style="width:157px" 
										     required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
							    />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Via.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoViaN.idTipoMaestro}" style="width:160px"
												 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
								>
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaVia}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Via:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.direccionPersonaN.nombreVia}"
											 style="width:157px" 
											 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
							    />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Numero:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.direccionPersonaN.numero}"
											 style="width:157px"
							    />
							</div>
							<div class="label">
								<label>#Dpto:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.direccionPersonaN.departamento}"
											 style="width:157px" 
								/>
							</div>
							<div class="label">
								<label>Interior:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.direccionPersonaN.interior}"
											 style="width:157px" 
								/>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Manzana:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.direccionPersonaN.manzana}"
											 style="width:157px" 
								/>
							</div>
							<div class="label">
								<label>Lote:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.direccionPersonaN.lote}"
											 style="width:157px" 
								/>
							</div>
							<div class="label">
								<label>Kilometro:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.direccionPersonaN.kilometro}"
											 style="width:157px" 
								/>
							</div>
						</div>


						<div class="rowForm">
							<div class="label">
								<label>Referencia:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.direccionPersonaN.referencia}"
											 style="width:453px" 
								/>
							</div>
							<div class="label">
								<label>Tipo Vivienda.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoViviendaN.idTipoMaestro}"
												 style="width:160px"
												 required="#{fichaSocioP.required}"  title="#{fichaSocioP.validate?'':'Campo Obligatorio'}"
								>
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaTipovivienda}" />
								</p:selectOneMenu>
							</div>
						</div>
					</p:panel>
					</div><!-- div del block -->
					
					
					<p:panel id="panelBotonesPersonaN" style="margin:20px 200px;" toggleable="true">
						<div class="rowFormProcess">
							<div class="buttonProcess">
								<p:commandButton  actionListener="#{fichaSocioP.addPersonaN}" 
												  value="Actualizar"  update=":form:panelBotonesPersonaN,:form:panelDatosBasico,:form:panelDatosDomiciliarios,:form3:panelDatosLaborales"                                                                                                                                                                                                                                                                                                                                             
												  style="widht:100px; height:27px;" styleClass="btnAddPersonaN"
												  disabled="#{fichaSocioP.disableBtnAddPersonaN}"
								>
								</p:commandButton>
							</div>
							<div class="buttonProcess">
								<p:commandButton actionListener="#{fichaSocioP.clearPersonaN}" value="Limpiar"
												 update=":form:panelDatosBasico,:form:panelDatosDomiciliarios,:form2:inputNumDocPN"
												 disabled="#{fichaSocioP.disableBtnClearPersonaN}"
								>
								</p:commandButton>
							</div>							
							<div class="buttonProcess">
								<p:commandButton actionListener="#{fichaSocioP.editPersona}"	value="Editar"
												 update=":form:panelBotonesPersonaN,:form3:panelDatosLaborales,:form4:panelConyogue,:form5:panelIntegrantesFamilia"  
												 styleClass="editPersonaN"
												 disabled="#{fichaSocioP.disableBtnEditPersonaN}"	
								>
								</p:commandButton>
							</div>		
						</div>
					</p:panel>
				    </h:form>	
					<h:form id="form3">				
					<p:panel id="panelDatosLaborales" header="Datos laborales" collapsed="#{fichaSocioP.openDatoLabo}" toggleable="false" >
						
						<p:commandButton actionListener="#{fichaSocioP.clearDatosLaboralesN}" update=":form3:panelDatosLaboraleshijo"
						   icon="ui-icon-circle-plus" onclick="dialogDatosLaborales.show();" style="width:50px; height:30px; margin:5px 430px;" >
						</p:commandButton>
					
						<p:dialog id="dialogDatosLaborales" header="Datos Laborales"  
						    	  showEffect="drop" hideEffect="drop" draggable="false"  
						    	  resizable="false" modal="true" widgetVar="dialogDatosLaborales"
						 >
						    <p:panel id="panelDatosLaboraleshijo">
							<div class="rowForm">
								<div class="label">
									<label>Tipo Ingreso:</label>
								</div>
								<div class="select">
									<p:selectOneMenu value="#{fichaSocioP.tipoIngresoN.idTipoMaestro}" style="width:160px">
										<f:selectItem itemLabel="Seleccione" />
										<f:selectItems value="#{maestro.listaTipoIngreso}" />
									</p:selectOneMenu>
								</div>
								<div class="label">
									<label>Trabaja para:</label>
								</div>
								<div class="field">
									<p:inputText value="#{fichaSocioP.datosLaboralesPersonaN.empresa}" style="width:157px" />
								</div>
								<div class="label">
									<label>Ingreso:</label>
								</div>
								<div class="field">
									<p:inputText value="#{fichaSocioP.datosLaboralesPersonaN.ingresoMensual}" 
												 style="width:157px"
												 styleClass="ingresoDatosLaborales"
									/>
								</div>
							</div>
	
							<div class="rowForm">
								<div class="label">
									<label>Desc. Cargo:</label>
								</div>
								<div class="field">
									<p:inputText value="#{fichaSocioP.datosLaboralesPersonaN.descripcionCargo}" style="width:453px" />
								</div>
								<div class="label">
									<label>Fecha Inicio:</label>
								</div>
								<div class="calendar">
									<p:calendar  ></p:calendar>
								</div>
							</div>
	
							<div class="rowFormProcess">
								<div class="buttonProcess">
									<p:commandButton actionListener="#{fichaSocioP.addDatosLaborales}" value="Adicionar" 
													 update=":form3:tablalab,:form3:panelDatosLaboraleshijo" 
								    >
									</p:commandButton>
								</div>
								<div class="buttonProcess">
								<p:commandButton actionListener="#{fichaSocioP.clearDatosLaboralesN}"
												 update=":form3:panelDatosLaboraleshijo" 
												 value="Cancelar"
							    >
							    </p:commandButton>
								</div>
							</div>	
							</p:panel>					
						</p:dialog>
										

						<p:dataTable id="tablalab" var="dat" rows="5" value="#{fichaSocioP.datamodel}" >
							 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="IdDatosLab"/>
	                            </f:facet>
                            	<h:outputText value="#{dat.idDatosLaborales}"  />
                       		 </p:column>	
                       		 
                       		  <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Tipo de Ingreso"/>
	                            </f:facet>
                            	<h:outputText value="#{dat.coopacTipoMaestroByIdTipoMaestroIngreso.nombre}"  />
                       		 </p:column>
                       		 
                       		 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Ingreso"/>
	                            </f:facet>
                            	<h:outputText value="#{dat.ingresoMensual}"  />
                       		 </p:column>
                       		 
                       		 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Trabaja para"/>
	                            </f:facet>
                            	<h:outputText value="#{dat.empresa}"  />
                       		 </p:column>
                       		 
                       		 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Desc. Cargo"/>
	                            </f:facet>
                            	<h:outputText value="#{dat.descripcionCargo}"  />
                       		 </p:column>
                       		            
                       		 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Editar"/>
	                            </f:facet>
                            	<p:commandButton actionListener="#{fichaSocioP.editDatosLaborales}" 
                            					 onclick="dialogDatosLaborales.show();" 
                            					 update=":form3:panelDatosLaboraleshijo" icon="ui-icon-pencil"  id="editar"
                            	 >
									<f:param value="#{dat.idDatosLaborales}" id="editDatosLaborales" name="editDatosLaborales" />
								</p:commandButton>
                       		 </p:column>

							<p:column>
								<f:facet name="header">
									<h:outputText value="Eliminar" />
								</f:facet>
								<p:commandButton actionListener="#{fichaSocioP.deleteDatosLaborales}"
												 update=":form3:panelDatosLaborales" icon="ui-icon-trash"
												 id="eliminar"
							    >
									<f:param value="#{dat.idDatosLaborales}"
										id="deletDatosLaborales" name="deletDatosLaborales" />
								</p:commandButton>
							</p:column>

						</p:dataTable>
					</p:panel>
					</h:form>
					<h:form id="form4">
					<p:panel id="panelConyogue" header="Datos connyugue" collapsed="#{fichaSocioP.openDatConyFam}" toggleable="false">
						<div class="rowForm">
							<div class="label">
								<label>Buscar por.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px">
									<f:selectItem itemLabel="Seleccione Criterio" itemValue="1" />
									<f:selectItem itemLabel="Documento" itemValue="2" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Criterio:</label>
							</div>
							<div class="field">
								<p:inputText style="width:157px" />
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-search" id="boton3"></p:commandButton>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaConyugue.apellidoPaternoRazonSocial}" styleClass="conyugueApePat"
											 style="width:453px"  
								/>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaConyugue.apellidoMaterno}" styleClass="conyugueApeMat"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaConyugue.nombrePersonaNombreComercial}" styleClass="conyugueNom"
											 style="width:453px"  
								/>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoDocumentoConyugue.idTipoMaestro}"
												 style="width:160px"
								>
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Numero:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.documentoPersonaConyugue.numero}" styleClass="conyugueNumDocIde"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Fch.Nacimiento:</label>
							</div>
							<div class="calendar">
								<p:calendar ></p:calendar>
							</div>
							<div class="label">
								<label>Sexo:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.personaConyugue.sexo}" style="width:160px">
								<f:selectItem itemLabel="Seleccione" />
									<f:selectItem itemValue="1" itemLabel="Hombre" />
									<f:selectItem itemValue="0" itemLabel="Mujer" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Estado Civil:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoEstadoCivilConyugue.idTipoMaestro}" style="width:160px">
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaEstadoCivil}" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Grado Estudios:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoGradoEstudioConyugue.idTipoMaestro}" style="width:160px">
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaGradoEstudio}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Profesion:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaConyugue.profesion}" style="width:157px" />
							</div>
							<div class="label">
								<label>Ocupacion:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaConyugue.ocupacion}" style="width:157px" />
							</div>
						</div>
						<div class="rowFormProcess">
							<div class="buttonProcess">
								<p:commandButton actionListener="#{fichaSocioP.addDatosConyugue}"
												 value="Registrar" update=":form5:tablalabtwo"
								>
								</p:commandButton>
							</div>
						</div>
					</p:panel>
					</h:form>
					<h:form id="form5">
					<p:panel id="panelIntegrantesFamilia" header="Integrantes familia"  
							 collapsed="#{fichaSocioP.openDataIntegrateFam}" toggleable="false"
					>
						
						<p:commandButton icon="ui-icon-circle-plus"  onclick="dialogIntegrantesFamilia.show();" 
										 style="width:50px;height:30px;margin:5px 430px;" 
						>
						</p:commandButton>
						
						<p:dialog id="dialogIntegrantesFamilia" header="Integrantes de Familia"  
						     	   showEffect="drop" hideEffect="drop" draggable="false"  
						     	   resizable="false" modal="true" widgetVar="dialogIntegrantesFamilia"
						>
						<p:panel id="panelIntegrantesFamiliaHijo">
						<div class="rowForm">
							<div class="label">
								<label>Buscar por.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px">
									<f:selectItem itemLabel="Seleccione Criterio" itemValue="1" />
									<f:selectItem itemLabel="Documento" itemValue="2" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Criterio:</label>
							</div>
							<div class="field">
								<p:inputText style="width:157px" />
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-search" id="boton2"></p:commandButton>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaIntegranteFamilia.apellidoPaternoRazonSocial}" styleClass="intfamiApePat"
											 style="width:453px" 
								/>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaIntegranteFamilia.apellidoMaterno}" styleClass="intfamiApeMat"
											 style="width:453px"  
								/>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{fichaSocioP.personaIntegranteFamilia.nombrePersonaNombreComercial}" styleClass="intfamiNom"
									style="width:453px"  />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Parentesco:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoRelacionIF.idTipoMaestro}" style="width:160px">
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaTipoRelacion}" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoDocumentoIF.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Documento" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Numero:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.documentoIntegranteFamilia.numero}"  styleClass="intfamiNumDocIde"
											 style="width:157px"
								/>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Fch.Nacimiento:</label>
							</div>
							<div class="calendar">
								<p:calendar ></p:calendar>
							</div>
							<div class="label">
								<label>Sexo:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.personaIntegranteFamilia.sexo}" style="width:160px">
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItem itemValue="1" itemLabel="Hombre" />
									<f:selectItem itemValue="0" itemLabel="Mujer" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Estado Civil:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoEstadoCivilIF.idTipoMaestro}" style="width:160px">
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaEstadoCivil}" />
								</p:selectOneMenu>
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Grado Estudios:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{fichaSocioP.tipoGradoEstudioIF.idTipoMaestro}" style="width:160px">
									<f:selectItem itemLabel="Seleccione" />
									<f:selectItems value="#{maestro.listaGradoEstudio}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Profesion:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaIntegranteFamilia.profesion}" style="width:157px" />
							</div>
							<div class="label">
								<label>Ocupacion:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.personaIntegranteFamilia.ocupacion}" style="width:157px" />
							</div>
						</div>

						<div class="rowFormProcess">
							<div class="buttonProcess">
								<p:commandButton actionListener="#{fichaSocioP.addIntegrantesFamilia}" value="Adicionar"
								 				 update=":form5:tablalabtwo"  
								>
								</p:commandButton>
							</div>
							<div class="buttonProcess">
								<p:commandButton actionListener="#{fichaSocioP.clearIntegratesFamilia}"
												 update=":form5:panelIntegrantesFamiliaHijo" value="Cancelar"
								>
								</p:commandButton>
							</div>
						</div>
						</p:panel>
						</p:dialog>
						
						
						<p:dataTable id="tablalabtwo" var="dattwo" value="#{fichaSocioP.datamodeltwo}">
                       		 
                       		 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Parentesco"/>
	                            </f:facet>
                            	<h:outputText value="#{dattwo.idRelacionPersona}"  />
                       		 </p:column>	
                       		 
                       		 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Parentesco"/>
	                            </f:facet>
                            	<h:outputText value="#{dattwo.coopacTipoMaestro.nombre}"  />
                       		 </p:column>	
                       				
							 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Nombre"/>
	                            </f:facet>
                            	<h:outputText value="#{dattwo.coopacPersonaByIdPersonaDos.nombrePersonaNombreComercial}"  />
                       		 </p:column>
                       		 
                       		 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Apellido Paterno"/>
	                            </f:facet>
                            	<h:outputText value="#{dattwo.coopacPersonaByIdPersonaDos.apellidoPaternoRazonSocial}"  />
                       		 </p:column>
                       		 
                       		  <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Apellido Materno"/>
	                            </f:facet>
                            	<h:outputText value="#{dattwo.coopacPersonaByIdPersonaDos.apellidoMaterno}"  />
                       		 </p:column>
                       		 	
                       		  <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Grado de estudios"/>
	                            </f:facet>
                            	<h:outputText value="#{dattwo.coopacPersonaByIdPersonaDos.coopacTipoMaestroByIdTipoMaestroGradoEstudios.nombre}"  />
                       		 </p:column>	
                       		 				
                       		 				
                       		  <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Editar"/>
	                            </f:facet>
                            	<p:commandButton actionListener="#{fichaSocioP.editIntegrantesFamilia}" 
                            					 onclick="dialogIntegrantesFamilia.show();" update=":form5:panelIntegrantesFamiliaHijo" 
                            					 icon="ui-icon-pencil"  id="editar"
                            	>
								  	<f:param value="#{dattwo.idRelacionPersona}" id="editIntegranteFamilia" name="editIntegranteFamilia" />
								</p:commandButton>
                       		 </p:column>
                       		 
                       		 
                       		 <p:column>
	                            <f:facet name="header">
	                                <h:outputText value="Eliminar"/>
	                            </f:facet>
                            	<p:commandButton actionListener="#{fichaSocioP.deleteIntegrantesFamilia}" 
                            					 update=":form5:tablalabtwo" icon="ui-icon-trash"  id="eliminar"
                            	>
                            		<f:param value="#{dattwo.idRelacionPersona}" id="deletIntegranteFamilia" name="deletIntegranteFamilia" />
								</p:commandButton>
                       		 </p:column>
                       		 
						</p:dataTable>
					</p:panel>
				</h:form>

				</div>
				<pe:tooltip global="true" position="left center" targetPosition="right center" forSelector=".ui-state-error"/>
			</div>

		<div id="footerPlataforma"></div>

	</div>
</h:body>

</html>